//当管理员选择文件的时候
$('#file').on('change', function () {
    //用户选择到的文件
    var file = this.files[0];
    //创建formDaTa对象实现二进制文件上传
    var formData = new FormData();
    //将管理员选择的文件添加到formdata对象中
    formData.append('image', file);
    //向服务器端发送请求 实现为图片上传
    $.ajax({
        type: 'post',
        url: '/upload',
        data: formData,
        processData: false,
        contentType: false,
        success: function (response) {
            // console.log(response[0].image);
            $('#image').val(response[0].image);
        }
    })
})

//当轮播图表单发生提交行为时
$('#slidesForm').on('submit', function () {
    //获取管理员在表单中输入的内容
    var formData = $(this).serialize()
    //向服务器端发送请求 添加轮播图数据
    $.ajax({
        type: 'post',
        url: '/slides',
        data: formData,
        success: function () {
            location.reload();
        }
    })
    return false;
})

//向服务器端索要图片轮播列表数据
$.ajax({
    type: 'get',
    url: '/slides',
    success: function (response) {
        var html = template('slidesTpl', {
            data: response
        });
        $('#slidesBox').html(html)
    }
})

//当删除按钮被点击时
$('#slidesBox').on('click', '.delete', function () {
    if (confirm('您真的要执行删除操作吗？')) {
        //获取管理员要删除的轮播图id
        var id = $(this).attr('data-id');
        //向服务器发送请求删除
        $.ajax({
            type: 'delete',
            url: '/slides/' + id,
            success: function () {
                location.reload();
            }
        })
    }
})